page{
  background: #f7f7f7;
}
.album-item{
  width: 100%;
  height: 520rpx;
  background-color: #fff;
  position: relative;
  top: 0;
  margin-bottom: 2vh;
  box-sizing: border-box;
  .album-content{
    position: absolute;
    z-index: 9;
    width: 100%;
    height: 100%;
    padding:20rpx 30rpx;
    box-sizing: border-box;
    .image{
      width: 100%;
      height: 75%;
      position: relative;
      z-index: 999;
      .block{
        height: 60rpx;
        line-height: 60rpx;
        text-align: left;
        position: absolute;
        bottom: 0;
        z-index: 999;
        width: 100%;
        .views,.collects{
          vertical-align: middle;
          display: inline-block;
          z-index: 999;
          height: 100%!important;
          .count1,.count,image{
            display: inline-block;
            vertical-align: middle;
          }
          icon,.count{
            vertical-align: middle;
          }
          .count{
            font-size: 30rpx;
            color: #eee;
          }
          .count1{
            font-size: 30rpx;
            color: #eee;
          }
          image{
            width: 40rpx;
            height: 30rpx;
            margin-right: 10rpx;
          }
        }
        .views{
          padding-left: 20rpx;
        }
        .collects{
          position: absolute;
          right: 20rpx;
          bottom: 0;
        }
      }
      
      .mainpic{
        width: 100%;
        height: 368rpx;
        object-fit: cover;
        border-radius: 20rpx;
      }
    }
    .content{
      width: 100vw;
      height: 120rpx;
      padding: 20rpx 30rpx;
      transform: translateX(-30rpx);
      background-color: #fff;
      .left-item{
        width: 50%;
        height: 100%;
        float: left;
        padding-left: 20rpx;
        .title{
          font-size: 34rpx;
          font-weight: 700;
          color: #000;
          height: 50%;
          align-items: center;
          width: 200%;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          margin-top: 10rpx;
        }
        .date{
          font-size: 26rpx;
          color: #8296C0;
          height: 50%;
          display: flex;
          align-items: center;
          margin-top: 12rpx;
        }
      }
      .right-item{
        height: 100%;
        width: 50%;
        float: right;
        position: relative;
        image,.address{
          vertical-align: middle;
        }
        image{
          width: 20rpx;
          height: 25rpx;
          object-fit: cover;
          margin-right: 10rpx;
        }
        .address{
          position: absolute;
          right: 20rpx;
          bottom: -24rpx; 
          color: #8296C0;
          width: 150rpx;
          line-height: 100%;
          text-align: right;
          font-size: 26rpx;
          icon{
          margin-bottom: 10rpx;
          font-size: 26rpx;
          }
        }
      }
    }
  }
}
// }
.bg01{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}